------------------------------------------------------------------------File Directory Structure---------------------------------------------------------------------------------------------------

ai-flashcard-app/
├── node_modules/ //this directory stores third party libraries or dependencies
├── public/ //has static assets served by the browser 
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
├── src/ //source code of the application
│   ├── .env
│   ├── App.css
│   ├── App.js
│   ├── App.py
│   ├── App.test.js
│   ├── index.css
│   ├── index.js
│   ├── reportWebVitals.js
│   └── setupTests.js
├── .gitignore //specifies files and folders excluded from git
├── package-lock.json //lists dependencies
├── package.json //has the versions of the dependencies
├── README.md  //has some of the react commands
├── requirements.txt //python dependencies
└── venv/ //this directory has the virtual environemnt of the program

--------------------------------------------------------------------------------INSTUCTIONS--------------------------------------------------------------------------------------------------------

Download Ollama from this link before starting: https://github.com/ollama/ollama

1.Open project folder (named "Capstone-Project-Main") in vscode after uncompressing it.
2.Create a powershell with the command  "control" + "`" + "+" .
3.In this first powershell you should input the comands "cd ai-flashcard-app" to enter the repository with the dependencies of the source code
4.When inside the "cd ai-flashcard-app" directory of the project you pip install the "requirements.txt" file witht the command "pip install -r requirements.txt" to download all of the dependencies.
5.After the dependencies are installed you should input "cd ai-flashcard-app" and "cd src" again to enter the directory of the source code.
6.Now that you are inside the source code run the command "python App.py" to run the backend of the application. (Althouh have in mind you might have to slightly change the command based on the python version you are using)
7.Now that you have the backend running press "control" + "`" + "+" so open another powershell and get the frontend running.
8.Inside this new powershell you should input "cd ai-flashcard-app" and "cd src" to enter the source code again.
9.When inside the source code enter the command "npm install" to set up the dependencies of the frontend.
10.After the dependencies are downloaded you should now enter the command "npm start" to boot up the fontend and run the webapp to which the link will be given to you.
11.Now open your computer's terminal and run the command "ollama run gemma3" (assuming you downloaded ollama) which will finish setting up the webapp to work properly.